<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>beauty shop</title>
		<link rel="shortcut icon" href="favicon.ico">
	    <link href="css/bootstrap.min.css" rel="stylesheet">
	    <link href="css/font-awesome.min.css" rel="stylesheet">
	    <link href="css/animate.min.css" rel="stylesheet">
	    <link href="css/style.min.css" rel="stylesheet">
	    <link rel="stylesheet" href="css/login.css"/>
	    <form class="pure-form">
	   <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css" integrity="sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w" crossorigin="anonymous">
</form>
	</head>
	<body>
		<div>
			<nav class="container">
				<div class="col-md-offset-4 col-md-4 col-sm-offset-3 col-sm-6">
					<header><h2>欢迎访问beauty shop</h2></header>
				</div>	
			</nav>
			<nav class="container">
				<div class= "loginbg col-md-offset-4 col-md-4 col-sm-offset-3 col-sm-6 ">
					<form class="pure-form"  action="/AdminLogin" method="post">
						<div id="textone">
							<input type="text" class="loginip pure-input-rounded" name="username" placeholder="user"></br></br>
						</div>
						<div id="texttwo">
							<input type="password" class="loginip pure-input-rounded"  name="password" placeholder="password">		
						</div>
						<div class="checkbox">
							<lable>
								<input id="checkbox" type="checkbox"/><h4>记住密码</h4><a href=""><h4>Forget password</h4></a>
							</lable>
						</div>
						<div class="button ">
							<button class="pure-button " type="submit">
							    <i class="glyphicon glyphicon-circle-arrow-right"></i>
							    Login
							</button>
						</div>								
					</form>											
				</div>			
			</nav>
			<nav>		
				<div  class="bottom container-fluid " >
					<div id="line-1" class="col-md-offset-1 col-md-4 col-sm-offset-1 col-sm-4 " style="background: #AAAAAA;" >					
							
					</div>	
					<div  class="col-md-offset-5 col-md-2 col-sm-offset-5 col-sm-2 " style="position: absolute;top:465px">
						<h2  style="white-space: nowrap;	">choose other way</h2>							
					</div>
					<div id="line-2" class="col-md-offset-7 col-md-4 col-sm-offset-7 col-sm-4 " style="background: #AAAAAA;" >					
							
					</div>
					<div class="bottom-ico col-md-offset-4 col-md-1 col-sm-offset-4 col-sm-1 col-xs-offset-2 col-xs-1" >
						<a href="#" class="fa fa-weixin"></a>
					</div>		
					<div class="bottom-ico col-md-offset-5 col-md-1 col-sm-offset-5 col-sm-1 col-xs-offset-4 col-xs-1" >
						<a href="#" class="fa fa-qq"></a>
					</div>	
					<div class="bottom-ico col-md-offset-6 col-md-1 col-sm-offset-6 col-sm-1 col-xs-offset-6 col-xs-1" >
						<a href="#" class="fa fa-weibo"></a>
					</div>	
					<div class="bottom-ico col-md-offset-7 col-md-1 col-sm-offset-7 col-sm-1 col-xs-offset-8 col-xs-1" >
						<a href="#" class="fa fa-renren"></a>
					</div>	
				</div>
			</nav>
		</div>
	</body>
</html>
